<template>
  <div class="attendances-container">
    <div class="app-container">
      <h2>
        考勤
      </h2>
      <!-- 声明式导航  -->
      <!-- <router-link to="/approvals?userId=100&name=zs">去审批页面</router-link> -->
      <!-- 编程式导航 -->
      <!-- <button @click="$router.push('/approvals?userId=100&name=zs')">去审批页面</button> -->
      <!-- <button @click="$router.push({path: '/approvals', query: {name: 'zs', age: 100} })">去审批页面</button> -->
      <!-- <button @click="$router.push('/approvals/100/zs')">去审批页面</button> -->
      <button @click="$router.push({name: 'approvals', params: {name: 'zs', age: 100} })">去审批页面</button>

      <!-- 路由参数
          1. ?k=v&k=v (查询参数) 可以在路由信息对象中获取  this.$route.query
          2. /路径/参数1/参数2 (动态参数) 可以在路由信息对象中获取  this.$route.params
       -->
    </div>
  </div>
</template>

<script>
import mix from '@/mixins'
export default {
  name: 'Attendances',
  mixins: [mix],
  data() {
    return {
      msg: '考勤页面'
    }
  }
  // created() {
  //   console.log('hello')
  // }
}
</script>

<style>

</style>
